<template>
  <view>
    <view class="status-bar"></view>
    <view class="dark">
      <view class="back-view">
        <i
          class="iconfont icon-arrow-left"
          @click="goBack"
          style="color: #fff; font-size: 20px"
        />
      </view>
      <followplayer :video_data="video" />
    </view>
  </view>
</template>
<script>
  import followplayer from "@/components/followplayer/followplayer.vue";
  import tab from "@/components/tab.vue";
  export default {
    name: "Player",
    components: {
      followplayer,
      tab,
    },
    data() {
      return {
        video: {},
      };
    },
    onLoad() {
      const video = uni.getStorageSync("follow:video");
      if (video) {
        this.video = video;
      }
    },
    methods: {
      goBack() {
        uni.navigateBack();
      },
    },
  };
</script>
<style>
  .back-view {
    position: relative;
    font-size: 24px;
    color: #fff;
    position: absolute;
    top: 60px;
    left: 8px;
    z-index: 100;
  }
</style>
